<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid" style="position:relative">
            <a th:href="@{/index}" class="brand" style="padding:0 20px;"> <img th:src="@{/images/logo2.png}"
                                                                               style="height:43px;" src="" alt=""/>
                <small th:text="${session.title}">123</small>
            </a>
            <!--/.brand-->
            <span class="step step_active" id="t1" style="position:absolute;top:10px;left:200px;display:none;"
                  th:text="${session.sjInfo.sjzt.text}">123</span>
            <div class="span4 hidden-480" id="t2">
                <div id="fuelux-wizard">
                    <ul class="wizard-steps">
                        <li data-target="#step1" style="min-width: 20%; max-width: 50%;"><span class="step"
                                                                                               th:classappend="${session.sjInfo.sjzt.text eq '常规赛'} ? 'step_active'"
                                                                                               th:text="${session.sjInfo.sjzt.text eq '常规赛' ? session.sjInfo.sjzt.text : '常规赛'}">123</span>
                        </li>
                        <li data-target="#step2" style="min-width: 20%; max-width: 50%;"><span class="step"
                                                                                               th:classappend="${session.sjInfo.sjzt.text eq '季后赛'} ? 'step_active'"
                                                                                               th:text="${session.sjInfo.sjzt.text eq '季后赛' ? session.sjInfo.sjzt.text : '季后赛'}">123</span>
                        </li>
                    </ul>
                </div>
            </div>
            <ul class="nav ace-nav pull-right hidden-480">
                <li class="purple"><a th:href="@{/help}"> <em class="icon-location-arrow icon-only"></em>帮助 </a></li>
                <li class="green"><a data-toggle="dropdown" href="#" th:if="${znxsize eq 0}"><em
                        class="icon-envelope-alt icon-only"></em> <span class="badge badge-success" id="sizes"
                                                                        th:text="${znxSize}">123</span> </a> <a
                        data-toggle="dropdown" href="#" th:if="${znxsize ne 0}"><em
                        class="icon-envelope-alt icon-only icon-animated-vertical"></em> <span
                        class="badge badge-success" id="znxSize" th:text="${session.znxSize}">123</span> </a>
                    <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-closer" id="allznx"
                        th:if="${session.znxSize > 0}">
                        <li class="nav-header" id="znx"><em class="icon-envelope"></em> <span id="size"
                                                                                              th:text="${session.znxSize}">123</span>个消息
                        </li>
                        <li th:each="t:${session.znxList}"
                            th:if="${session.footUser.qx.text == '管理员' && t.logo == null}"><a
                                th:href="@{/foot/footZnx/search}"> <img th:src="@{/images/logo2.png}" class="msg-photo"
                                                                        alt=""/> <span class="msg-body"> <span
                                class="msg-title"> <span class="blue" th:text="${t.senderName + ':'}">123</span>
                            <span th:text="${#strings.length(t.content) > 10 ? #strings.substring(t.content ,0 ,10) + '…' : t.content}">123</span> </span> <span
                                class="msg-time"><em class="icon-comment"></em> <span
                                th:text="${t.resiverName}">123</span> </span> </span> </a></li>
                        <li th:each="t:${session.znxList}"
                            th:if="${session.footUser.qx.text == '管理员' && t.logo != null}"><a
                                th:href="@{/foot/footZnx/search}"> <img th:src="@{${'/' + t.logoUrl}}" class="msg-photo"
                                                                        alt=""/> <span class="msg-body"> <span
                                class="msg-title"> <span class="blue" th:text="${t.senderName + ':'}">123</span>
                            <span th:text="${#strings.length(t.content) > 10 ? #strings.substring(t.content ,0 ,10) + '…' : t.content}">123</span> </span> <span
                                class="msg-time"><em class="icon-comment"></em> <span
                                th:text="${t.resiverName}">123</span> </span> </span> </a></li>
                        <li th:each="t:${session.znxList}"
                            th:if="${session.footUser.qx.text != '管理员' && t.logo == null}"><a
                                th:href="@{/hy/footZnx/search}"> <img th:src="@{/images/logo2.png}" class="msg-photo"
                                                                      alt=""/> <span class="msg-body"> <span
                                class="msg-title"> <span class="blue" th:text="${t.senderName + ':'}">123</span>
                            <span th:text="${#strings.length(t.content) > 10 ? #strings.substring(t.content ,0 ,10) + '…' : t.content}">123</span> </span> <span
                                class="msg-time"><em class="icon-comment"></em> <span
                                th:text="${t.resiverName}">123</span> </span> </span> </a></li>
                        <li th:each="t:${session.znxList}"
                            th:if="${session.footUser.qx.text != '管理员' && t.logo != null}"><a
                                th:href="@{/hy/footZnx/search}"> <img th:src="@{${'/' + t.logoUrl}}" class="msg-photo"
                                                                      alt=""/> <span class="msg-body"> <span
                                class="msg-title"> <span class="blue" th:text="${t.senderName + ':'}">123</span>
                            <span th:text="${#strings.length(t.content) > 10 ? #strings.substring(t.content ,0 ,10) + '…' : t.content}">123</span> </span> <span
                                class="msg-time"><em class="icon-comment"></em> <span
                                th:text="${t.resiverName}">123</span> </span> </span> </a></li>
                        <li id="znxDetail"><a th:href="@{/foot/footZnx/search}"
                                              th:if="${session.footUser.qx.text == '管理员'}"> 查看所有信息 <em
                                class="icon-arrow-right"></em> </a> <a th:href="@{/hy/footZnx/search}"
                                                                       th:if="${session.footUser.qx.text != '管理员'}">
                            查看所有信息 <em class="icon-arrow-right"></em> </a></li>
                    </ul>
                </li>
                <li class="light-blue user-profile"><a data-toggle="dropdown" href="#"
                                                       class="user-menu dropdown-toggle"> <img class="nav-user-photo"
                                                                                               id="img" src=""
                                                                                               th:src="@{${session.slt eq null} ? '/images/foot/logo.png' : '/' + ${session.slt}}"
                                                                                               alt=""/> <span
                        id="user_info"> <small>欢迎,</small> <span
                        th:text="${#strings.indexOf(session.footUser.nike, '-') &gt; 0 ? #strings.substringBefore(session.footUser.nike, '-') : session.footUser.nike}">123</span> 登陆! </span>
                    <em class="icon-caret-down"></em> </a>
                    <ul class="pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-closer" id="user_menu">
                        <li><a th:href="@{/changepwd}"> <em class="icon-edit"></em> 修改密码 </a></li>
                        <li><a th:href="@{/findpwd}"> <em class="icon-cog"></em>设置密码找回</a></li>
                        <li><a th:href="@{/center}"> <em class="icon-user"></em>账号信息</a></li>
                        <li class="divider"></li>
                        <li><a th:href="@{/logout}"> <em class="icon-off"></em>退出</a></li>
                    </ul>
                </li>
                <li class="light-blue user-profile"><a id="showDateTime">
                    <script runat="server">
                        document.getElementById('showDateTime').innerHTML = new Date().toLocaleString();
                        setInterval("document.getElementById('showDateTime').innerHTML = new Date().toLocaleString();", 1000);
                    </script>
                </a></li>
            </ul>
            <!--/.ace-nav-->
        </div>
        <!--/.container-fluid-->
    </div>
    <!--/.navbar-inner-->
</div>
<input type="hidden" id="hosts" th:value="${session.host}"/>
<input type="hidden" id="userId" th:value="${session.userId}"/>
<script th:src="@{/js/stomp/stomp.min.js}"></script>
<script th:src="@{/js/stomp/sockjs.min.js}"></script>
<script th:src="@{/js/stomp/index.js}"></script>